{{extend elemLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/game/rank.css"/>
{{@style}}
{{/block}}

{{block 'main'}}
<div class="container1">
    <div class="rank-container">
        <div class="rank-title">🏆{{title}}🏆</div>
        <div class="rank-body">
            <% for(let i = 0; i < ranklist.length; i++){ %>
            <div class="item">
                <div class="num">{{i+1}}</div>
                <dl class="author">
                    <dt class="avatar">
                        <% if(i == 0){ %>
                            <img src="{{_res_path}}/game/imgs/no.1.png" class="img-bd" alt="">
                        <% } %>
                        <% if(i == 1){ %>
                            <img src="{{_res_path}}/game/imgs/no.2.png" class="img-bd" alt="">
                        <% } %>
                        <% if(i == 2){ %>
                            <img src="{{_res_path}}/game/imgs/no.3.png" class="img-bd" alt="">
                        <% } %>
                        <img src="https://q1.qlogo.cn/g?b=qq&s=0&nk={{ranklist[i].id}}" alt="">
                    </dt>
                    <dd>{{ranklist[i].name}}</dd>
                </dl>
                <div class="rank-ability">{{ranklist[i].count}}积分</div>
            </div>
            <% } %>
        </div>
    </div>
</div>
{{/block}}